<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>收藏夹访问统计</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h2>收藏夹访问统计</h2>
  <label for="dateRange">选择时间范围:</label>
  <input type="date" id="startDate">
  <input type="date" id="endDate">
  <label for="itemsPerPage">每页显示条数:</label>
  <input type="number" id="itemsPerPage" value="10" min="1">
  <table id="statsTable">
    <thead>
      <tr>
        <th>名称</th>
        <th>网址</th>
        <th>访问次数</th>
      </tr>
    </thead>
    <tbody>
      <!-- 数据将动态插入到这里 -->
    </tbody>
  </table>
  <div id="paginationControls">
    <button id="prevPage">上一页</button>
    <span id="pageInfo">第 1 页，共 1 页</span>
    <button id="nextPage">下一页</button>
  </div>
  <div id="totalInfo">总数: 0</div>
  <script src="popup.js"></script>
</body>
</html>